* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
header, nav, section, article, aside, footer {
	display: block;
	padding: 20px;
}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 99%;
	background: #000 url(../images/bg_main.jpg)/*tpa=http://entwurvian.net/wip/maxivision/backend/images/bg_main.jpg*/ top center;
	background-repeat: no-repeat;
	color: #e7bb32;
	font-family: "Archivo Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
	height: 100%;
	margin:17px 0 15px 0;
	padding:10px;
	font-size:small;
	opacity:0.9;
}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-image:url(../images/bg.jpg)/*tpa=http://entwurvian.net/wip/maxivision/backend/images/bg.jpg*/;
	background-repeat:no-repeat;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 180px;
}

/* Report section
-----------------------------------------------------------------------------*/
#report {
	height: 180px;
	background-color: #333;
	color: #e7bb32;
	padding: 20px;
	overflow: auto;
}



/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 98%;
	padding: 0 0 20px;
	height: 1%;
	position: relative;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 0 0 0 270px;
}


/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
	float: left;
	width: 250px;
	margin-left: -99%;
	position: relative;
	background: ;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 1000px;
	margin: -50px auto 0;
	height: 20px;
	position: relative;
	text-align:center;
}

/* Button
____________________________________________________________________________*/

.buttons {
	-moz-box-shadow: 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow: 0px 1px 0px 0px #fce2c1;
	box-shadow: 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
	text-align:left;
	width: 140px;
}

.buttons:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}

.buttons:active {
	position:relative;
	top:1px;
}

/* This imageless css button was generated by CSSButtonGenerator.com */

/* Text Stuff
---------------------------------------------------- */
.text h1 { font-size: 24px; color: #333; text-transform:uppercase; font-weight: normal; line-height: normal; letter-spacing:-1px; margin-bottom: 20px; font-family: "Carrois Gothic"; 
color: #ffde79;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffde79), to(#eee));
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	}
.text h2 { font-size: 20px; color: #ffde79; text-transform:uppercase; font-weight: normal; line-height: normal; letter-spacing:-0.5px; margin-bottom: 20px; font-family: "Carrois Gothic";
 	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#333));
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent; }
.text h3 { font-size: 16px; color: #ffde79; text-transform:uppercase; font-weight: normal; line-height: normal; letter-spacing:-0.25px; margin-bottom: 20px; font-family: "Carrois Gothic";
	 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#333));
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent; }
.text h4 { font-size: 14px; color: #ffde79; text-transform: none; font-weight: normal; line-height: normal; margin-bottom: 2px; font-family: "Carrois Gothic";
	background: -webkit-gradient(linear, left top, left bottom, from(#ffde79), to(#eee));
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent; }
.text h5 { font-size: 12px; color: #ffde79; text-transform:uppercase; font-weight: normal; line-height: normal; margin-bottom: 20px; font-family: "Carrois Gothic"; }
.text h6 { font-size: 10px; color: #ffde79; text-transform:uppercase; font-weight: normal; line-height: normal; margin-bottom: 20px; font-family: "Carrois Gothic"; }


/*Login page
-------------------------------------------*/
form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}

/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:400px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #666666;
background:#000000;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #666666;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
margin-top: 8px;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}

#stylized select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}

#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
